<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<h1 >Bootstrap</h1>
<a href="#" class="btn btn-default">优品课堂</a>
<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3" style="border:1px solid #000">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam amet corporis dolor ea esse impedit
                iure magnam minima nesciunt, odio porro quam quibusdam repellendus sed similique tenetur voluptates?
                Eos, suscipit?</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12" >
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore fugiat ipsa minima perspiciatis possimus
                qui quod temporibus. Autem, eligendi eos, itaque modi odit praesentium quis, reprehenderit similique
                suscipit temporibus vel!</p>
        </div>
    </div>
    <div class="col-md-12 hidden-xs visible-sm-md-lg text-center">
        &copy; 优品课堂 版权所有
    </div>
</div>
</body>
</html>
<script>
    jQuery(document).ready(function ($) {

    });
</script>